<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>X——努比亚手机官网</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.3, maximum-scale=0.3,user-scalable=yes">
    <link rel="stylesheet" href="styles/reset.css" />
    <link rel="stylesheet" href="styles/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="styles/base.css" />
    <link rel="stylesheet" href="styles/iconfont.css" />
    <link rel="stylesheet" href="styles/back-to-top.css">
    <link rel="stylesheet" href="styles/phone-params.css">
    <script src="js/myTools.js"></script>
    <script src="js/swiper-3.4.2.min.js"></script>
</head>
<body>
    <!--头部区域-->
    <header class="header">
            <div class="header-wrapper">
                <h1 id="logo">
                    <a href="index.html" title="努比亚">努比亚</a>
                </h1>
                <nav id="nav">
                    <ul class="nav-login">
                        <li><a href="./login.html" target="_blank">登陆</a></li>
                        <li><a href="./register.html">注册</a></li>
                        <li><a href="login.html"></a></li>
                    </ul>
                    <ul class="nav-main">
                        <li><a href="index.html">首页</a></li>
                        <li><a href="shop.html">商城</a></li>
                        <li class="nav-main-phones">
                            <a href="#">
                                手机
                                <!-- 导航隐藏二级列表 -->
                                <div class="swiper-container swiper2">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <ul class="phone-show-list">
                                                <!-- <li>
                                                    <a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                    </a>
                                                </li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li> -->
                                            </ul>
                                        </div>
                                        <div class="swiper-slide">
                                            <ul class="phone-show-list">
                                                <!-- <li>
                                                    <a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                    </a>
                                                </li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li> -->
                                            </ul>
                                        </div>
                                    </div>
                                
                                    <div class="swiper-button-prev"></div>
                                    <div class="swiper-button-next"></div>
                                </div>
                            </a>
                        </li>
                        <li class="nav-main-parts">
                            <a href="#">配件
                                <!-- 导航隐藏二级列表 -->
                                <div class="swiper-container swiper3">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <ul class="parts-show-list">
                                                <!-- <li>
                                                    <a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                    </a>
                                                </li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li> -->
                                            </ul>
                                        </div>
                                    
                                    <!-- <div class="swiper-button-prev"></div>
                                    <div class="swiper-button-next"></div> -->
                                </div>
                            </a>
                        </li>
                        <li class="nav-main-photos">
                            <a href="#">摄影
                                <!-- 导航隐藏二级列表 -->
                                <div class="swiper-container swiper4">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <ul class="photo-show-list">
                
                                            </ul>
                                        </div>
                                    
                                    <!-- <div class="swiper-button-prev"></div>
                                    <div class="swiper-button-next"></div> -->
                                </div>
                            </a>
                        </li>
                        <li><a href="./service.html">服务</a></li>
                        <li><a href="./experience.html">体验店</a></li>
                        <li><a href="#">社区</a></li>
                    </ul>
                </nav>
            </div>
    </header>

    <!-- 副导航 -->
    <div class="nav-second-wrapper">
        <div class="nav-second">
            <div class="nav-second-desc">
                <div class="nav-second-title01"><a href="#">nubia X</a></div>
                <div class="nav-second-title02"><a href="#">星空典藏版(蓝金梵高版)</a></div>
            </div>
            <div class="nav-second-main">
                <ul>
                    <li><a href="phone-summary.html">概述</a></li>
                    <li><a class="nav-second-item-active" href="phone-params.html">技术规格</a></li>
                    <li><a href="phone-gallery.html">产品展示</a></li>
                    <li><a href="login.html">NB码通道</a></li>
                    <li><a href="javascript:">在线咨询</a></li>
                </ul>
                <div class="btn-group">
                    <a href="./phone-buy.html">立即购买</a>
                    <a href="./experience.html">附近的店>></a>
                </div>
            </div>
        </div>
    </div>  

    <!-- 内容区 -->
    <div class="w1170">
        <ul class="side-bar">
            <li class="active"><a href="#content01">基本信息</a></li>
            <li><a href="#content02">相机摄像</a></li>
            <li><a href="#content03">屏幕</a></li>
            <li><a href="#content04">处理器</a></li>
            <li><a href="#content05">内存与存储</a></li>
            <li><a href="#content06">网络与通讯</a></li>
            <li><a href="#content07">传感器</a></li>
            <li><a href="#content08">系统与应用</a></li>
            <li><a href="#content09">多媒体</a></li>
            <li><a href="#content10">按键与接口</a></li>
            <li><a href="#content11">电池</a></li>
            <li><a href="#content12">包装</a></li>
        </ul>
        <div class="content">
            <!-- content01 -->
            <div id="content01" class="content01">
                <div class="desc" style="opacity: 1">
                    <img src="https://oss.static.nubia.cn/upload/5bd9461e6184f46.png" />
                    <div class="content-right">
                        <table>
                            <tbody>
                                <tr>
                                    <td>高度　154.10mm</td>
                                    <td>宽度　73.30mm</td>
                                </tr>
                                <tr>
                                    <td>厚度　8.40mm</td>
                                    <td>重量　181g</td>
                                </tr>
                                <tr>
                                    <td>电池　3800mAh</td>
                                </tr>
                                <tr>
                                    <td>ROM  64GB/128GB</td>
                                    <td>RAM　6GB/8GB</td>
                                </tr>
                            </tbody>
                        </table>
                        <p>机身颜色</p>
                    </div>
                </div>
                <div class="desc" style="opacity: 0">
                    <img src="https://oss.static.nubia.cn/upload/5bd9461d9199b78.png" />
                    <div class="content-right">
                        <table>
                            <tbody>
                                <tr>
                                    <td>高度　154.10mm</td>
                                    <td>宽度　73.30mm</td>
                                </tr>
                                <tr>
                                    <td>厚度　8.40mm</td>
                                    <td>重量　181g</td>
                                </tr>
                                <tr>
                                    <td>电池　3800mAh</td>
                                </tr>
                                <tr>
                                    <td>ROM  128GB/256GB</td>
                                    <td>RAM　8GB</td>
                                </tr>
                            </tbody>
                        </table>
                        <p>机身颜色</p>
                    </div>
                </div>
                <div class="desc" style="opacity: 0">
                    <img src="https://oss.static.nubia.cn/upload/5bd9461ecd16089.png" />
                    <div class="content-right">
                        <table>
                            <tbody>
                                <tr>
                                    <td>高度　154.10mm</td>
                                    <td>宽度　73.30mm</td>
                                </tr>
                                <tr>
                                    <td>厚度　8.40mm</td>
                                    <td>重量　181g</td>
                                </tr>
                                <tr>
                                    <td>电池　3800mAh</td>
                                </tr>
                                <tr>
                                    <td>ROM  256GB</td>
                                    <td>RAM　8GB</td>
                                </tr>
                            </tbody>
                        </table>
                        <p>机身颜色</p>
                    </div>
                </div>
                <div class="desc" style="opacity: 0">
                    <img src="https://oss.static.nubia.cn/upload/5bd946d52113492.png" />
                    <div class="content-right">
                        <table>
                            <tbody>
                                <tr>
                                    <td>高度　154.10mm</td>
                                    <td>宽度　73.30mm</td>
                                </tr>
                                <tr>
                                    <td>厚度　8.40mm</td>
                                    <td>重量　181g</td>
                                </tr>
                                <tr>
                                    <td>电池　3800mAh</td>
                                </tr>
                                <tr>
                                    <td>ROM  64GB/128GB</td>
                                    <td>RAM　6GB/8GB</td>
                                </tr>
                            </tbody>
                        </table>
                        <p>机身颜色</p>
                    </div>
                </div>
                <div class="desc" style="opacity: 0">
                    <img src="https://oss.static.nubia.cn/upload/5c0ddc49830ba70.jpg" />
                    <div class="content-right">
                        <table>
                            <tbody>
                                <tr>
                                    <td>高度　154.10mm</td>
                                    <td>宽度　73.30mm</td>
                                </tr>
                                <tr>
                                    <td>厚度　8.40mm</td>
                                    <td>重量　181g</td>
                                </tr>
                                <tr>
                                    <td>电池　3800mAh</td>
                                </tr>
                                <tr>
                                    <td>ROM  512GB</td>
                                    <td>RAM　8GB</td>
                                </tr>
                            </tbody>
                        </table>
                        <p>机身颜色</p>
                    </div>
                </div>

                
                <!-- 切换按钮 -->
                <div class="content01-btn-group">
                    <a class="btn01 btn-active" href="javascript:"></a>
                    <a class="btn02" href="javascript:"></a>
                    <a class="btn03" href="javascript:"></a>
                    <a class="btn04" href="javascript:"></a>
                    <a class="btn05" href="javascript:"></a>
                </div>
            </div>

            <!-- content02 -->
            <div id="content02" class="content02">
                <h2>摄像头</h2>
                <p>1600万像素+2400万像素</p>
                <p>AI智能场景识别</p>
                <p>240fps慢速播放</p>
                <p>闪光灯 双色温LED/自拍柔光LED</p>
                <p>对焦速度 主摄：0.1S；副摄：0.2S</p>
                <p>NeoVision 8.0</p>
                <p>光圈 主摄：1.8； 副摄：1.7</p>
                <p>PDAF相位对焦</p>
                <p>传感器类型 CMOS</p>
                <p>对焦技术 主摄：PDAF对焦; 副摄：AF</p>
            </div>
            
            <!-- content03 -->
            <div id="content03" class="content03">
                <div class="content03-left">
                    <h2>主屏</h2>
                    <table>
                        <tbody>
                            <tr>
                                <td>尺寸</td><td class="td-right">6.26英寸</td>
                            </tr>
                            <tr>
                                <td>分辨率</td><td class="td-right">1080*2280</td>
                            </tr>
                            <tr>
                                <td>色彩饱和度</td><td class="td-right">96%</td>
                            </tr>
                            <tr>
                                <td>全面屏</td><td class="td-right">19:9全面屏</td>
                            </tr>
                            <tr>
                                <td>BOE</td><td class="td-right"></td>
                            </tr>
                            <tr>
                                <td>对比度</td><td class="td-right">1200（type）</td>
                            </tr>
                            <tr>
                                <td>NTSC色域</td><td class="td-right">93% (type)</td>
                            </tr>
                            <tr>
                                <td>可视角度</td><td class="td-right">80/80/80/80 min. at CR>10</td>
                            </tr>
                            <tr>
                                <td>屏幕玻璃</td><td class="td-right">康宁3代</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="content03-right">
                    <h2>副屏</h2>
                    <table>
                        <tbody>
                            <tr>
                                <td>尺寸</td><td class="td-right">5.1英寸</td>
                            </tr>
                            <tr>
                                <td>分辨率</td><td class="td-right">720*1520</td>
                            </tr>
                            <tr>
                                <td>色彩饱和度</td><td class="td-right">100%</td>
                            </tr>
                            <tr>
                                <td>全面屏</td><td class="td-right">19:9</td>
                            </tr>
                            <tr>
                                <td>BOE</td><td class="td-right"></td>
                            </tr>
                            <tr>
                                <td>对比度</td><td class="td-right">100000（type）</td>
                            </tr>
                            <tr>
                                <td>NTSC色域</td><td class="td-right">96% (type)</td>
                            </tr>
                            <tr>
                                <td>可视角度</td><td class="td-right">80/80/80/80 min. at CR>10</td>
                            </tr>
                            <tr>
                                <td>屏幕玻璃</td><td class="td-right">康宁3代</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <!-- content04 -->
            <div id="content04" class="content02">
                <h2>处理器</h2>
                <p>SOC:高通SDM845 Quad high-performance Kryo cores at 2.649 GHz</p>
                <p>GPU: "Qualcomm® Adreno™ 630 graphics processing unit</p>
                <p>最高主频 2.8GHz</p>
                <p>64位架构</p>
                <p>10nm(第二代）制程</p>
                <p>1.2 Gbps 峰值下载速度</p>
                <p>150 Mbps 峰值上传速率</p>
            </div>

            <!-- content05 -->
            <div id="content05" class="content02">
                <div class="content03-left">
                    <h2>闪存</h2>
                    <p>64GB/128GB/256 ROM</p>
                    <p>UFS 2.1</p>
                    <h2 style="margin-top:60px">拓展卡</h2>
                    <p>不支持扩展存储</p>
                </div>
                <div class="content03-right content05-right">
                    <h2>内存</h2>
                    <p>6GB/8GB RAM</p>
                    <p>双通道</p>
                    <p>LPDDR4X</p>
                    <h2>OTG U盘</h2>
                    <p>200G</p>
                </div>
            </div>

            <!-- content06 -->
            <div id="content06" class="content02 content06">
                    <h2>全网通版 7 模 23 频</h2>
                    <ul>
                        <li>GSM 850/900/1800/1900</li>
                        <li>CDMA 1x&EVDO 800</li>
                        <li>TD-SCDMA B34/B39</li>
                        <li>TD-LTE B34/B38B39/B40/B41</li>
                        <li>WCDMA 850/900/1900/2100</li>
                        <li>FDD-LTE B1/B3/B4/B5B7/B8/B20</li>
                    </ul>
                    <p>双卡双待单通</p>
                <div>
                    <div class="content03-left">
                        <h2>WLAN 功能</h2>
                        <p>高通WCN3990 ，802.11a/b/g/ n/</p>
                        <p>ac( 双频2.4G+5G)</p>
                    </div>
                    <div class="content03-right">
                        <h2>蓝牙</h2>
                        <p>高通WCN3990 ，BT5.0</p>
                    </div>
                </div>
            </div>

            <!-- content07 -->
            <div id="content07" class="content02 content07">
                <h2>传感器</h2>
                <p>红外接近传感器，光线感应，指南针，加速度/陀螺仪，双指纹感应器</p>
            </div>

            <!-- content08 -->
            <div id="content08" class="content02 content08">
                <h2>系统与应用</h2>
                <p>nubia UI 6.0.2（基于Android8.1.0）</p>
                <p>AI智能提醒</p>
                <p>小牛语音2.0</p>
                <p>AI语音智能搜索</p>
            </div>

            <!-- content09 -->
            <div id="content09" class="content02">
                <div class="content03-left">
                    <h2>支持的音频格式</h2>
                    <p>3GA、AAC、AMR、APE、FLAC、IMY </p>
                    <p>M4A、MIDI、MKA、MP3、OGG、QCP</p>
                    <p>WAV、WMA、WMV</p>
                    <h2 style="margin-top:60px">支持的图片格式</h2>
                    <p>JPEG、PNG、GIF、BMP、WBMP</p>
                </div>
                <div class="content03-right content05-right">
                    <h2>支持的视频格式</h2>
                    <p>3GP、ASF、AVI、DAT、FLV、M2TS</p>
                    <p>MKV、MOV、MP4、MPG、MTS、RM</p>
                    <p>RMVB、TS、VOB、WEBM、WMV</p>
                </div>
            </div>

            <!-- content10 -->
            <div id="content10" class="content02 content10">
                <h2>按键与接口</h2>
                <img src="https://oss.static.nubia.cn/upload/5bd6d238abb7c81.png"  />
                <img src="https://oss.static.nubia.cn/upload/5bd6d238b4be967.png" alt="">
            </div>

            <!-- content11 -->
            <div id="content11" class="content02 content11">
                <h2>电池</h2>
                <p>锂离子聚合物电池</p>
                <p>3800mAh</p>
                <p>9V2A QC3.0</p>
                <p>Neo Power 温控方案</p>
            </div>

            <!-- content12 -->
            <div id="content12" class="content02 content12">
                <h2>包装</h2>
                <p>手机 x 1</p>
                <p>电源适配器 x 1</p>
                <p>Type-C数据线 x 1</p>
                <p>耳机转接线 x 1</p>
                <p>取卡针 x 1</p>
                <p>产品说明书 x 1</p>
                <p>保修卡 x 1</p>
                <p>努比亚蓝牙耳机 x 1 (仅限星空典藏版)</p>
            </div>

        </div>
    </div>

    <!-- 回到顶部 -->
    <div class="back-to-top">
        <ul>
            <li>
                <a href="#" title="在线客服">
                    <i class="iconfont">&#xe605;</i>
                </a>
            </li>
            <li class="back-to-top-second-item">
                <a href="javascript:">
                    <i class="iconfont">&#xe663;</i>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont">&#xe65b;</i>
                </a>
            </li>
        </ul>
        <div class="app-download-img">
            <img src="http://oss.static.nubia.cn/upload/5a025bb45ab694.png" />
            <div class="app-img-guide"></div>
            <div class="app-img-guide-in"></div>
        </div>
    </div>

    <!--底部区域-->
    <footer class="footer">
            <div class="footer-wrapper">
                <div class="footer-title">
                    <img src="images/nb-pro-ft-logo-x2.jpg" />
                    <a href="./phone-list.html"><span>&gt;全部机型</span></a>
                </div>
                <div class="footer-content-wrapper">
                    <div>
                        <h5>Z系列</h5>
                        <ul>
                            <li><a href="./phone-summary.html">nubia Z11</a></li>
                            <li><a href="./phone-summary.html">nubia Z11 Max</a></li>
                            <li><a href="./phone-summary.html">nubia Z11 mini</a></li>
                        </ul>
                    </div>
                    <div>
                        <h5>M系列</h5>
                        <ul>
                            <li><a href="./phone-summary.html">nubia 布拉格S</a></li>
                            <li><a href="./phone-summary.html">nubia My 布拉格</a></li>
                        </ul>
                    </div>
                    <div>
                        <h5>配件</h5>
                        <ul>
                            <li><a href="./parts.html">保护壳</a></li>
                            <li><a href="./parts.html">贴膜</a></li>
                            <li><a href="./parts.html">皮套</a></li>
                            <li><a href="./parts.html">耳机</a></li>
                            <li><a href="./parts.html">数据线/充电器</a></li>
                            <li><a href="./parts.html">周边产品</a></li>
                        </ul>
                    </div>
                </div>
                <div class="footer-message">
                    <ul>
                        <li><a href="javascript:">关于我们</a></li>
                        <li><a href="javascript:">联系我们</a></li>
                        <li><a href="javascript:">新闻中心</a></li>
                        <li><a href="javascript:">加入我们</a></li>
                        <li><a href="javascript:">合作注册</a></li>
                        <li><a href="javascript:">公益</a></li>
                        <li><a href="javascript:">以旧换新</a></li>
                        <li><a href="javascript:">问题反馈</a></li>
                        <li><a href="javascript:">简体中文</a></li>
                    </ul>
                    <div>
                        <a href="#"></a>
                        <a href="#"></a>
                        <a href="#"></a>
                        <a href="#"></a>
                        <span>服务热线：400-700-6600</span>
                    </div>
                    <p>
                        <span>2012-2017 努比亚技术有限公司 版权所有</span>
                        <a href="#"> 粤ICP备10006213号-2</a>
                        <img src="images/gs.jpg" />
                        <span>深圳市市场监督管理局企业主体身份公示 ICP经营许可证编号：粤B2-20120688 </span>
                        <img src="images/gh.png" />
                        <a href="#"> 粤公网安备 44030502000309号</a>
                    </p>
                </div>
            </div>
    </footer>

    <script>
        var swiper2 = new Swiper('.swiper2',{
            prevButton:'.swiper-button-prev',
            nextButton:'.swiper-button-next',

        });
        var swiper3 = new Swiper('.swiper3',{
            // prevButton:'.swiper-button-prev',
            // nextButton:'.swiper-button-next',

        });
        var swiper3 = new Swiper('.swiper4',{
            // prevButton:'.swiper-button-prev',
            // nextButton:'.swiper-button-next',
        });
    </script>

    <script src="js/back-to-top.js"></script>
    <script src="js/nav-second.js"></script>
    <script src="js/phone-params.js"></script>
</body>
</html>